import { useState, useEffect } from 'react';
import axios from 'axios';

export const App = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = '点击了' + count + '次';
  }, [count]);

  // 发起网络请求
  useEffect(() => {
    // 使用 await 处理。需要在effect函数中再定一个 async function 中发起请求
    const fetchData = async () => {
      const res = await axios.get('https://toutiao.itheima.net/v1_0/channels');
      console.log(res);
    };
    // 发起请求
    fetchData();
    // useEffect，如果有返回值，返回一个清理函数
  }, []);

  return (
    <div>
      <h1>计数器：{count}</h1>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
};
